<template>
	<view class="tel-reg">
		<h1>登录</h1>
		<input type="text" name="tel-num" placeholder="请输入手机号/邮箱" placeholder-style="color:#9a9a9a;">
		<view class="in-reg">
			<input type="text" name="CAPTCHA" placeholder="输入验证码"  placeholder-style="color:#9a9a9a;">
				<button class="send">发送</button>
		</view>
		<view class="in-passwd">使用密码登录</view>
		<button class="login">登录</button>
		<view class="no-account">还没有账号？
			<view class="sign-up">注册</view>
		</view>
		<view class="contract">登录/注册表示同意《同意协议》和《隐私政策》</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
.tel-reg{
	margin: 0 auto;
	width: 660rpx;
	.icon-xiangzuojiantou{
		font-size:96rpx;
		margin-left: -25rpx;
	}
	h1{
		margin:43rpx 0 63rpx 0;
		font-size:54rpx;
		font-weight: 700;
	}
	input{
		height: 100rpx;
		background-color: #e5fbf8;
		border-radius: 15rpx;
		padding-left: 30rpx;
		margin-bottom: 30rpx;
	}
	.in-reg{
		display: flex;
		height: 100rpx;
		border:1rpx solid block;
		background-color: #e5fbf8;
		border-radius: 10rpx;
		input{
			width: 80%;
			padding-left: 30rpx;
			color:#9a9a9a;
		}
			.send{
			height: 70rpx;
			width: 20%;
			line-height: 70rpx;
			margin: 15rpx 25rpx 0 0;
			border: #00DCB6 solid 1rpx;
			background-color: #f9f9f9;
			color: #00DCB6;
			font-size: 30rpx;
		}
			
		
	}
	.in-passwd{
		float:right;
		margin-top:40rpx;
		font-size: 25rpx;
		color:#BBBBBB;
	}
	.login{
		width: 660rpx;
		height: 90rpx;
		margin-top: 100rpx;
		border-radius: 45rpx;
		background-color: #00DCB6;
		color:#FFFFFF;
	}
	.no-account{
		display: flex;
		margin-top: 60rpx;
		font-size: 28rpx;
		.sign-up{
			font-size: 30rpx;
			margin-top: -2rpx;
			color: #00DCB6;
		}
	}
	.contract{
		width: 100%;
		position: absolute; 
		bottom: 18rpx;
		left:0;
		text-align:center;
		font-size: 25rpx;
		color:#BBBBBB;
	}
}
</style>
